/* 文本缩进 */
.tindent-s2 {
  text-indent: 2em;
}

/* 文本间距 */
.lettersp-r2 {
  letter-spacing: 0.2em;
}

/* 文本省略 */

.text1 {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text2, .text3, .text4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.main-color {
	color: #1A1A1A;
}

.text2 {
  -webkit-line-clamp: 2;
}

.text3 {
  -webkit-line-clamp: 3;
}

.text4 {
  -webkit-line-clamp: 4;
}

// 允许换行
.wwb {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}

// height
.min-full-hight {
  min-height: 100%;
}

// margin center
.mg-lr-c {
  margin: 0 auto;
}

.dn {
  display: none;
}

.dib {
  display: inline-block;
}

.db {
  display: block;
}

/* 定位 */

.pf {
  position: fixed;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.ps {
	position: sticky;
}

/* 浮动 */

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
}
.cf {
  zoom: 1;
  &:before, &:after {
    content: "";
    display: table;
  }
  &:after {
    clear: both;
    overflow: hidden;
  }
}
/* overflow: hidden */
.ovhd {
  overflow: hidden;
}

/* flex布局 */
.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-1 {
  flex: 1;
}
.flex-3 {
	flex: 3;
}

.flex-align-center {
  align-items: center;
}

.flex-align-end {
  align-items: flex-end;
}

.flex-pack-center {
  justify-content: center;
}

.flex-pack-justify {
  justify-content: space-between;
}

.flex-pack-around {
  justify-content: space-around;
}

.flex-pack-evenly {
  justify-content: space-evenly;
}

.flex-pack-end {
  justify-content: flex-end;
}
// 如果空间不足，该项目不缩小
.flex-shrink-0 {
	flex-shrink: 0;
}
// 如果存在剩余空间，放大
.flex-grow-1 {
	flex-grow: 1;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-content-center {
	align-content: center;
}

/* 鼠标样式 */
.cuptr{
  cursor: pointer;
}

/* 文本居中 */
.tc {
  text-align: center;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

/* 边框颜色 */
.boxshow {
  box-shadow: 0px 1rpx 25rpx 0px rgba(139, 139, 139, 0.4);;
  -moz-box-shadow: 0px 1rpx 25rpx 0px rgba(139, 139, 139, 0.4);;
  -webkit-box-shadow: 0px 1rpx 25rpx 0px rgba(139, 139, 139, 0.4);;
}

/* 字体图标样式 */
/*.font-icon {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  font-family: 'iconfont';
  vertical-align: top;
}*/
//@font-face {
//font-family: "iconfont";
//src: url("../alifont/iconfont.eot");
//src: url("../alifont/iconfont.eot?#iefix") format("embedded-opentype"),
//  url("../alifont/iconfont.woff2") format("woff2"), url("../alifont/iconfont.woff") format("woff"),
//  url("../alifont/iconfont.ttf") format("truetype"), url("../alifont/iconfont.svg#iconfont") format("svg");
//}

.aliIcon {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/* 高100% */
.height100 {
  height: 100%;
}

// 单行文本超出隐藏
.textOverFlow {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
}

.btns {
	color: #fff;
	text-align: center;
	width: 100%;
	height: 98rpx;
	font-size: 36rpx;
	line-height: 98rpx;
	background: linear-gradient(90deg, #CFA461 0%, #DCBB7E 100%);
	border-radius: 20rpx;
}
.btns1 {
	color: #fff;
	text-align: center;
	height: 98rpx;
	font-size: 36rpx;
	line-height: 98rpx;
	background: linear-gradient(90deg, #CFA461 0%, #DCBB7E 100%);
	border-radius: 20rpx;
}
.font-color {
	color: #333333;
}

// 主色调
.btn_main {
	background-color: linear-gradient(90deg, #CFA461 0%, #DCBB7E 100%);
	color: #fff;
}
.btn_opacity {
	opacity: 0.6;
}